<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<h:body>

	<ui:composition template="/pages/template/layout01.xhtml">

		<ui:define name="content">

			<h:messages globalOnly="true" />

			<h:form id="formPesquisa" rendered="#{!usuarioBean.editMode}"
				prependId="false">

				<ul>

					<li><p:commandLink value="Adicionar Usuario"
							actionListener="#{usuarioBean.create}" ajax="false" /></li>
				</ul>

				<h:panelGrid columns="1">
					<h1>Usuario</h1>
					<h:panelGroup>
						<h:outputText value="Filtro:" />
						<p:inputText maxlength="30" size="30"
							value="#{usuarioBean.nomeUsuario}">
							<f:ajax event="keyup" render="resultados"
								listener="#{usuarioBean.filtrarUsuario}" />
						</p:inputText>
					</h:panelGroup>
				</h:panelGrid>
				<p:dataTable value="#{usuarioBean.usuarios}" var="usuario"
					id="resultados" border="1" style="width:100%">
					<p:column id="clUseLogin" style="width:20%">
						<f:facet name="header">Login</f:facet>
						<h:outputText value="#{usuario.useLogin}" />
					</p:column>
					<p:column id="clUseSenha" style="width:20%">
						<f:facet name="header">Senha</f:facet>
						<h:outputText value="#{usuario.useSenha}" />
					</p:column>
					<p:column id="clPessoa" style="width:50%">
						<f:facet name="header">Nome</f:facet>
						<h:outputText
							value="#{usuario.pessoa.pessoCodigo}-#{usuario.pessoa.pessoNome}" />
					</p:column>
					<p:column id="alterar" style="width:5%; text-align:center">
						<f:facet name="header">Editar</f:facet>
						<p:commandButton id="lnkAlterar" title="Alterar" ajax="false"
							action="#{usuarioBean.update}" icon="ui-icon-pencil">
							<f:setPropertyActionListener target="#{usuarioBean.usuario}"
								value="#{usuario}" />
						</p:commandButton>

					</p:column>
					<p:column id="excluir" style="width:5%; text-align:center">
						<f:facet name="header">Excluir</f:facet>

						<p:commandButton id="lnkDelete" onclick="confirmation.show()" 
							ajax="false" title="Excluir" icon="ui-icon-trash" type="button">
						</p:commandButton>

						<p:confirmDialog id="confirmDialog" modal="true"
							message="Tem certeza que deseja excluir este dado?"
							header="Confirmação de Exclusão" severity="alert"
							appendToBody="true" widgetVar="confirmation">

							<p:commandButton id="confirm" value="Sim" process="@this"
								oncomplete="confirmation.hide()"
								actionListener="#{usuarioBean.delete}" 
								update=":formPesquisa:resultados">
								<f:setPropertyActionListener target="#{usuarioBean.usuario}"
								value="#{usuario}" />
								</p:commandButton>

							<p:commandButton id="decline" value="Não"
								onclick="confirmation.hide()" type="button" />

						</p:confirmDialog>

					</p:column>
				</p:dataTable>
			</h:form>
			<h:form id="formEdicao" rendered="#{usuarioBean.editMode}">

				<p:messages id="messages" showDetail="true" autoUpdate="true" />

				<h:panelGrid id="pgUsuarioCadastro" columns="2">

					<h:outputText value="Pessoa:" />
					<p:selectOneMenu value="#{usuarioBean.usuario.pessoa}"
						effect="fade" converter="convertePessoa">
						<f:selectItem itemLabel="Selecione..." itemValue="" />
						<f:selectItems value="#{pessoaBean.pessoas}" var="pojo"
							itemLabel="#{pojo.pessoCodigo}-#{pojo.pessoNome}"
							itemValue="#{pojo}" />
					</p:selectOneMenu>

					<h:outputText value="Login: " />
					<p:inputText maxlength="30" size="30"
						value="#{usuarioBean.usuario.useLogin}" />

					<h:outputLabel for="pwd1" value="Senha: " />
					<p:password id="pwd1" value="#{usuarioBean.usuario.useSenha}"
						match="pwd2" label="Password 1" required="true" />

					<h:outputLabel for="pwd2" value="Senha Novamente: " />
					<p:password id="pwd2" value="#{usuarioBean.usuario.useSenha}"
						label="Password 2" required="true" />

				</h:panelGrid>

				<p:commandButton id="saveButton" update="pgUsuarioCadastro"
					actionListener="#{usuarioBean.salvar}" value="Save" ajax="false" />
				<p:commandButton value="Cancelar" action="usuario" ajax="false"
					immediate="true" />

			</h:form>

		</ui:define>

	</ui:composition>

</h:body>
</html>